<div class="row-fluid">
    <div class="span12">

        <!-- ** widget ** -->
        <div class="well">

            <!-- ** widget header ** -->
            <div class="navbar navbar-heading">
                <div class="navbar-inner">
                    <div class="container" style="width: auto;">
                        <a class="brand" href="#">List Items</a>
                        <ul class="nav pull-right">
                                <li><a href="#"><i class="icon-large icon-cog"></i></a></li>
                        </ul>    
                    </div>
                    
                </div>
            </div>
            <!-- ** ./ widget header ** -->
            
			<table class="table table-hover">
				<tr>
					<th>Id</th>
					<th>Name</th>
					<th>Code</th>
					<th>Category Name</th>
					<th>Price</th>
					<th>Number</th>
					<th>Status</th>
				</tr>
				
			<!-- repeat -->	
			{% for item in items %}
				<tr>
					<td>{{ item.id }}</td>
					<td>{{ item.name }}</td>
					<td>{{ item.code }}</td>
					<td>{{ item.category }}</td>
					<td>{{ item.price }}</td>
					<td>{{ item.number }}</td>
					<td>{% if item.status == 0 %} Off {% else %} On {% endif %}</td>
				</tr>
			{% endfor %}
			<!-- end repeat -->
				
			</table>

        </div>
        <!-- ** ./ widget ** -->

    </div>
</div>
